home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / bitmap-object.izs < prev    next >
Text File  |  2005-09-28  |  6KB  |  230 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Bitmap & Object Script 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>This script shows how to use bitmasking to store values in a single variable and how to use objects with JavaScript. <!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- HOW TO INSTALL BITMAP & OBJECT SCRIPT:
  14.  
  15.   1.  Copy code into the HEAD section of document
  16.   2.  Put last coding into the BODY section of document  -->
  17.  
  18. <!-- STEP ONE: Add code into HEAD section of document  -->
  19.  
  20. <HEAD>
  21.  
  22. <!-- Original:  Fernando Rios (test118@hotmail.com) -->
  23. <!-- Web Site:  http://www15.brinkster.com/hxedit -->
  24. <script>
  25. //these will be the bitmask values. they must be powers of 2
  26. var ram128=1;
  27. var ram256=2;
  28. var ram512=4;
  29. var cpu1000=64;
  30. var cpu2000=128;
  31. var cpu3000=256;
  32. var hd20=2048;
  33. var hd40=4096;
  34. var hd80=8192;
  35.  
  36. //====this will be our 'computer' object===
  37.  
  38. function Computer (f){
  39. var features=f;//private variable of computer. stores the features
  40.  
  41. /***priviliged methods of Computer. can be accessed from the outside but 
  42.   also has access to private variable 'features'*/
  43. this.getFeatures=function(){
  44. var ret="";//return string
  45.  
  46. /*this is where the bitmask operations occur
  47. it will do a bitwise comparison of the features value with the
  48. value that were testing against. if the result is equal to the value
  49. were testing, the value was set. remember to use a bitwise & instead of &&*/
  50.  
  51. if((features & cpu1000) == cpu1000)
  52. ret+="CPU: 1Ghz\n";
  53. if((features & cpu2000) == cpu2000)
  54. ret+="CPU: 2Ghz\n";
  55. if((features & cpu3000) == cpu3000)
  56. ret+="CPU: 3Ghz\n";
  57. if((features & ram128) == ram128)
  58. ret+="RAM: 128MB\n";
  59. if((features & ram256) == ram256)
  60. ret+="RAM: 256MB\n";
  61. if((features & ram512) == ram512)
  62. ret+="RAM: 512MB\n";
  63. if((features & hd20) == hd20)
  64. ret+="HD : 20GB\n";
  65. if((features & hd40) == hd40)
  66. ret+="HD : 40GB\n";
  67. if((features & hd80) == hd80)
  68. ret+="HD : 80GB\n";
  69. return ret;
  70.     };
  71.  
  72. this.setFeatures=function (feat){
  73. this.features=feat
  74.     };
  75.     //**
  76.  
  77.     }
  78.  
  79. //=========================================
  80. </script>
  81. </HEAD>
  82.  
  83. <!-- STEP TWO: Add code into BODY section of document  -->
  84.  
  85. <BODY>
  86.  
  87. <!-- Original:  Fernando Rios (test118@hotmail.com) -->
  88. <!-- Web Site:  http://www15.brinkster.com/hxedit -->
  89. <form name="theForm">
  90. Select desired features<br>
  91. CPU:
  92. <select style="width=125" name="cboCPU">
  93. <option value=64>1Ghz (1000Mhz)</option>
  94. <option value=128>2Ghz (2000Mhz)</option>
  95. <option value=256>3Ghz (3000Mhz)</option>
  96. </select><br>
  97. RAM:
  98. <select style="width=125" name="cboRAM">
  99. <option value=1>128MB</option>
  100. <option value=2>256MB</option>
  101. <option value=4>512MB</option>
  102. </select><br>
  103. HD:   
  104. <select style="width=125" name="cboHD">
  105. <option value=2048>20GB</option>
  106. <option value=4096>40GB</option>
  107. <option value=8192>80GB</option>
  108. </select><br>
  109.  
  110. <!--remember to use | (bitwise OR) when setting the bitmask-->
  111. <input type="button" value="1. set attributes" onclick="Javascript:aComputer=new Computer(cboCPU.options[cboCPU.selectedIndex].value | cboRAM.options[cboRAM.selectedIndex].value | cboHD.options[cboHD.selectedIndex].value);">
  112. <input type="button" value="2. get attributes" onclick="Javascript:alert(aComputer.getFeatures());")<br>
  113. <input type="reset" value="3. Reset">
  114. </form>
  115.  
  116. <!-- END OF SCRIPT -->
  117. <!/SCRIPT>
  118.  
  119. <!PREVIEW>
  120. <!-- START OF SCRIPT -->
  121.  
  122. <!-- HOW TO INSTALL BITMAP & OBJECT SCRIPT:
  123.  
  124.   1.  Copy code into the HEAD section of document
  125.   2.  Put last coding into the BODY section of document  -->
  126.  
  127. <!-- STEP ONE: Add code into HEAD section of document  -->
  128.  
  129. <HEAD>
  130.  
  131. <!-- Original:  Fernando Rios (test118@hotmail.com) -->
  132. <!-- Web Site:  http://www15.brinkster.com/hxedit -->
  133. <script>
  134. //these will be the bitmask values. they must be powers of 2
  135. var ram128=1;
  136. var ram256=2;
  137. var ram512=4;
  138. var cpu1000=64;
  139. var cpu2000=128;
  140. var cpu3000=256;
  141. var hd20=2048;
  142. var hd40=4096;
  143. var hd80=8192;
  144.  
  145. //====this will be our 'computer' object===
  146.  
  147. function Computer (f){
  148. var features=f;//private variable of computer. stores the features
  149.  
  150. /***priviliged methods of Computer. can be accessed from the outside but 
  151.   also has access to private variable 'features'*/
  152. this.getFeatures=function(){
  153. var ret="";//return string
  154.  
  155. /*this is where the bitmask operations occur
  156. it will do a bitwise comparison of the features value with the
  157. value that were testing against. if the result is equal to the value
  158. were testing, the value was set. remember to use a bitwise & instead of &&*/
  159.  
  160. if((features & cpu1000) == cpu1000)
  161. ret+="CPU: 1Ghz\n";
  162. if((features & cpu2000) == cpu2000)
  163. ret+="CPU: 2Ghz\n";
  164. if((features & cpu3000) == cpu3000)
  165. ret+="CPU: 3Ghz\n";
  166. if((features & ram128) == ram128)
  167. ret+="RAM: 128MB\n";
  168. if((features & ram256) == ram256)
  169. ret+="RAM: 256MB\n";
  170. if((features & ram512) == ram512)
  171. ret+="RAM: 512MB\n";
  172. if((features & hd20) == hd20)
  173. ret+="HD : 20GB\n";
  174. if((features & hd40) == hd40)
  175. ret+="HD : 40GB\n";
  176. if((features & hd80) == hd80)
  177. ret+="HD : 80GB\n";
  178. return ret;
  179.     };
  180.  
  181. this.setFeatures=function (feat){
  182. this.features=feat
  183.     };
  184.     //**
  185.  
  186.     }
  187.  
  188. //=========================================
  189. </script>
  190. </HEAD>
  191.  
  192. <!-- STEP TWO: Add code into BODY section of document  -->
  193.  
  194. <BODY>
  195.  
  196. <!-- Original:  Fernando Rios (test118@hotmail.com) -->
  197. <!-- Web Site:  http://www15.brinkster.com/hxedit -->
  198. <form name="theForm">
  199. Select desired features<br>
  200. CPU:
  201. <select style="width=125" name="cboCPU">
  202. <option value=64>1Ghz (1000Mhz)</option>
  203. <option value=128>2Ghz (2000Mhz)</option>
  204. <option value=256>3Ghz (3000Mhz)</option>
  205. </select><br>
  206. RAM:
  207. <select style="width=125" name="cboRAM">
  208. <option value=1>128MB</option>
  209. <option value=2>256MB</option>
  210. <option value=4>512MB</option>
  211. </select><br>
  212. HD:   
  213. <select style="width=125" name="cboHD">
  214. <option value=2048>20GB</option>
  215. <option value=4096>40GB</option>
  216. <option value=8192>80GB</option>
  217. </select><br>
  218.  
  219. <!--remember to use | (bitwise OR) when setting the bitmask-->
  220. <input type="button" value="1. set attributes" onclick="Javascript:aComputer=new Computer(cboCPU.options[cboCPU.selectedIndex].value | cboRAM.options[cboRAM.selectedIndex].value | cboHD.options[cboHD.selectedIndex].value);">
  221. <input type="button" value="2. get attributes" onclick="Javascript:alert(aComputer.getFeatures());")<br>
  222. <input type="reset" value="3. Reset">
  223. </form>
  224.  
  225.  
  226. <!-- END OF SCRIPT -->
  227. <!/PREVIEW>
  228.  
  229. <!RELATED>NONE<!/RELATED>
  230.